html.lighting-theme {
  .el-button--primary {
    --el-button-text-color: #000;
    --el-button-bg-color: red;
    --el-button-border-color: var(--el-color-primary);
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-active-color: var(--el-color-primary-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-primary-light-5);
    --el-button-hover-bg-color: var(--el-color-primary-light-3);
    --el-button-hover-border-color: var(--el-color-primary-light-3);
    --el-button-active-bg-color: var(--el-color-primary-dark-2);
    --el-button-active-border-color: var(--el-color-primary-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-primary-light-5);
    --el-button-disabled-border-color: var(--el-color-primary-light-5);
  }

  --el-button-bg-color: #c72210;
  --el-button-border-color: #d9d9d9;
  --el-button-outline-color: #d9d9d9;

  --el-button-hover-text-color: #c72210;
  --el-button-hover-link-text-color: #c72210;
  --el-button-hover-bg-color: #ffece6;
  --el-button-hover-border-color: transparent;

  --el-button-active-color: #a8150b;
  --el-button-active-bg-color: #a8150a;
  --el-button-active-border-color: transparent;

  --el-button-disabled-text-color: #a6a6a6;
  --el-button-disabled-bg-color: #ffece6;
  --el-button-disabled-border-color: #c72210;
  //loading
  --el-button-loading-text-color: #c72210;
  --el-button-loading-bg-color: #ffece6;
  --el-button-loading-border-color: #c72210;
}
